import { createRouter, createWebHashHistory } from 'vue-router'
import ReservationView from '../views/ReservationView.vue'
import ChatView from '../views/ChatView.vue'
import CheckOutView from '@/views/CheckOutView.vue'
import CheckOutLaterView from '@/views/CheckOutLaterView.vue'

const routes = [
  {
    path: '/',
    name: 'chat',
    // component: () => import('../views/ChatView.vue'),
    component: ChatView,
  },
  {
    path: '/reservation',
    name: 'reservation',
    component: ReservationView
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),
  },
  {
    path: '/checkOutLater',
    name: 'checkOutLater',
    component:CheckOutLaterView,
  },
  {
    path: '/checkOut',
    name: 'checkOut',
    component: CheckOutView,
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes,
})

export default router
